<template>
	<view class="container">
		<!-- Header -->
		<view class="container1">
			<view class="header">
				<view><view><text class="title1">请查收您的</text></view>
				<view><text class="title2">抑郁测评报告</text></view></view>
				<view class="pic">
					<image class="circle-img" src="../../pic/result1.jpg"></image>
				</view>
			</view>
			
			<!-- 抑郁综合状态部分 -->
			<view class="depression-status">
				<text class="status-header">您的抑郁综合状态</text>
				<view class="status-content">
					<view class="status-result-view"><text class="status-result">{{ depressionLevel }}</text></view>
					<view class="status-score-view">
						<text class="status-score">{{ score }}分</text>
					</view>
				</view>
				<view class="status-description">
					<text>{{ description }}</text>
				</view>
			</view>
		</view>
		<view class="container2">
			<!-- 健康改善建议 -->
			<view class="health-suggestion">
				<view class="suggestion-header-header"><text class="suggestion-header">健康改善建议</text></view>
				<!-- 抑郁状态 -->
				<view class="depression-tag">
					<view class="depression-tag-text-view">
						<text class="depression-tag-text">{{ depressionLevel }}</text>
					</view>
					<view class="depression-suggestion">
						<text>{{ suggestion }}</text>
					</view>
				</view>
				<!--心理咨询服务-->
				<view class="consulting-service">
					<view class="consulting-header-view">
						<text class="consulting-header">心理咨询服务：</text>
					</view>
					<view class="consulting-content">
						<text>{{ consultingDescription }}</text>
					</view>
				</view>
			</view>
			
		</view>
		<!-- 邀请好友、更多心理健康服务按钮 -->
		<view class="button-group">
			<button class="invite-button" @click="inviteFriend">邀请好友</button>
			<button class="more-services-button" @click="moreServices">更多心理健康服务</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				score: 0, // 根据实际传递的得分动态改变
				depressionLevel: '',
				description: '',
				suggestion: '',
				consultingDescription: ''
			};
		},
		onLoad(options) {
			// 假设得分通过页面跳转传递过来
			this.score = options.score || 0;
			this.setDepressionInfo(this.score);
		},
		methods: {
			setDepressionInfo(score) {
				if (score <=20) {
				  this.depressionLevel = '没有抑郁';
				  this.description = '没有抑郁说明您目前的心理状态比较平稳。这种结果可说明您当前的生活状态比较稳定，没有太多压力和困扰，\
				  或者您的心理素质较为坚强，能够较好地应对生活中的挫折和困境。\
				  然而，需要特别注意的是，这并不代表您永远不会有抑郁的情况出现，因为生活中的变故和挑战时常不可避免，请保持身心愉悦。';
				  this.suggestion = '保持积极向上的心态，注重自我心理健康的维护。可以适当增加自身的抗压能力和应对困境的能力，例如通过运动、聊天、\
				  听音乐等方式调节情绪，增强心理韧性。同时，可以适当培养自己的兴趣爱好等方式丰富自己的精神生活。';
				  this.consultingDescription = '心理咨询并非仅针对患有心理疾病的人群。它可以帮助您缓解焦虑和抑郁情绪，减少负能量的积累，提升生活、\
				  工作和学习的积极性，提高您的人际关系技巧和处理能力，提升幸福感。';
				} else if (score > 20 && score <= 60) {
				  this.depressionLevel = '轻度抑郁';
				  this.description = '轻度抑郁说明您的心理状态可能受到了一些压力和困扰的影响。这种状态可能暂时会影响您的情绪和行为，\
				  但通常不会对您的日常生活造成过多的影响。此时，建议您采取一些有效措施，如健康的饮食，\
				  适当的锻炼以及积极面对问题等，以减轻抑郁的程度。';
				  this.suggestion = '可以通过适当放松和休息，改变作息和饮食习惯等方式纾解抑郁情绪。同时可以多参加社交活动，\
				  增加社交圈子，调节自己的情绪，减轻抑郁症状的程度。还可以征求专业心理医生的意见，寻求更加专业的帮助。';
				  this.consultingDescription = '心理咨询可以帮助您缓解或解决心理困扰、心理问题，如情感焦虑、压力、抑郁等负面情绪的缓解，\
				  更能帮助您增强自我认知和心理健康，如提升自我认知水平、增强自我管理能力等。在咨询过程中，\
				  你可以自由表达自己的想法、感受和难题，心理咨询师会从专业的角度，引导你理清头绪、调整心态、\
				  释放压力以更加健康和积极的态度面对挑战和问题。如果你有任何心理上的困惑或问题，不妨来一次心理咨询，\
				  它将会给你带来意想不到的收获与改变。';
				} else if (score > 60 && score <= 80) {
				  this.depressionLevel = '中度抑郁';
				  this.description = '中度抑郁意味着您的心理状态已受到显著影响，这可能会对您的情绪、行为及日常生活产生负面影响。\
				  如果这种情况得不到有效处理，可能会进一步恶化。建议您尽快采取行动，缓解抑郁状态，避免其进一步加重。';
				  this.suggestion = '建议立即寻求专业心理帮助，例如心理医生或心理咨询师的帮助，接受专业治疗，并结合适当的药物治疗。\
				  同时，注意自己的日常作息与健康饮食，保持运动，努力改善情绪状态。家人和朋友的支持在此过程中也至关重要。';
				  this.consultingDescription = '中度抑郁患者需要更专业的心理治疗，心理咨询可以提供及时的情感支持和心理疏导，\
				  以帮助患者认识并处理情绪问题。在治疗过程中，心理咨询将帮助患者提高自我认知和应对能力，同时帮助缓解抑郁情绪。';
				} else if (score > 80 && score <= 100) {
				  this.depressionLevel = '重度抑郁';
				  this.description = '重度抑郁说明您的心理状态已经受到严重影响，可能出现了持续性的情绪低落、失眠、食欲减退等症状。\
				  这种状态可能会对您的工作、生活甚至人际关系产生严重影响，需要立即进行干预。';
				  this.suggestion = '重度抑郁是一个严重的心理问题，建议尽快寻求专业心理医生的帮助。及时开始药物治疗和专业的心理疏导，\
				  是防止抑郁恶化的重要步骤。同时，身边家人和朋友的支持非常重要，请积极寻求社会和家庭的帮助。';
				  this.consultingDescription = '重度抑郁需要系统化的治疗，包括药物治疗和长时间的心理治疗。心理咨询师将在治疗过程中提供持续的情感支持，\
				  帮助患者应对严重的心理痛苦，并逐步恢复正常生活状态。';
				}
			},
			inviteFriend() {
				uni.showToast({
					title: '邀请功能待开发',
					icon: 'none'
				});
			},
			moreServices() {
				uni.showToast({
					title: '心理健康服务功能待开发',
					icon: 'none'
				});
			}
		}
	};
</script>


<style scoped>
/* 整体容器样式 */
.container {
	display: flex;
	flex-direction: column;
	position: relative; /* 设置父容器为相对定位 */
}
.container1{
	display: flex;
	flex-direction: column;
	background: linear-gradient(to right, #95eaef, #d2f8ed); /* 从左到右的渐变 */
	padding: 20rpx;
	bottom: 20px;
}
.container2{
	display: flex;
	flex-direction: column;
	padding: 10px;
	background-color: #f1f5f8;
}
/* 头部样式 */
.header {
	padding-top: 20px;
	text-align: left;
	margin-bottom: 20px;
	display: flex;
	justify-content: space-between;
	position: relative; /* 为子元素的绝对定位提供参考点 */
}

/* 标题样式 */
.title1 {
	font-size: 16px;
	color: #0e8393;
}
.title2 {
	font-size: 28px;
	font-weight: bold;
	color: #048392;
}

/* 圆形图片样式 */
.circle-img {
	width: 125px;
	height: 125px;
	border-radius: 50%; /* 使图片变成圆形 */
	object-fit: cover; /* 确保图片适应容器且不变形 */
	position: absolute; /* 绝对定位图片 */
	top: 30px; /* 距离顶部40px */
	right: 10px;
	z-index: 2; /* 确保图片位于其他元素之上 */
}

/* 抑郁综合状态部分样式 */
.depression-status {
	background-color: #e0f7fa;
	padding: 10px;
	border-radius: 10px;
	margin-bottom: 20px;
}

/* 状态标题样式 */
.status-header {
	font-size: 16px;
	color: #5f5f67;
	margin-bottom: 10px;
}

/* 状态内容 */
.status-content {
	display: flex;
	margin-bottom: 10px;
}
.status-result-view{
	margin-right: 10px;
}
.status-result {
	font-size: 20px;
	color: #06b3c1;
	font-weight: bold;
}
.status-score-view{
	
}
.status-score {
	font-size: 20px;
	color: #00bfa5;
}

.status-description {
	font-size: 14px;
	color: #0f0f0f;
	line-height: 1.8;
}

/* 健康改善建议部分样式 */
.health-suggestion {
	background-color: #fff;
	padding: 10px;
	border-radius: 10px;
}

/* 建议部分 */
.suggestion-header-header {
	margin-bottom: 10px;
}

.suggestion-header {
	font-size: 18px;
	color: #0b0b0b;
}

.depression-tag {
	background-color: #fff;
	border-radius: 5px;
	margin-bottom: 10px;
	border: 1px solid #fcf4f1;
}
.depression-tag-text-view{
	border-top-left-radius: 5px;  /* 左上角圆角 */
	  border-top-right-radius: 5px; /* 右上角圆角 */
	background-color: #fcf4f1;
	height: 20px;
	padding: 10px;
	display: flex;
	align-items: center;
}
.depression-tag-text {
	color: #c46f58;
	font-weight: bold;
}

.depression-suggestion {
	font-size: 14px;
	color: #0f0f0f;
	line-height: 1.8;
	padding: 10px;
}

/* 心理咨询服务 */
.consulting-service {
	background-color: #fff;
	border-radius: 5px;
	margin-bottom: 10px;
	border: 1px solid #fcf4f1;
}
.consulting-header-view{
	background-color: #fcf4f1;
	height: 20px;
	align-items: center;
	padding: 10px;
	display: flex;
	border-top-left-radius: 5px;  /* 左上角圆角 */
	  border-top-right-radius: 5px; /* 右上角圆角 */
}
.consulting-header {
	color: #c46f58;
	font-weight: bold;
}

.consulting-content {
	font-size: 14px;
	color: #0f0f0f;
	line-height: 1.8;
	padding: 10px;
}

/* 按钮样式 */
.button-group {
	display: flex;
	justify-content: space-between;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 10px;
	background: #fff;
}

.invite-button {
	background-color: #00c2a0;
	color: #f2feff;
	padding: 0 10px;
	border-radius: 20px;
	font-size: 16px;
	border: none;
	width: 30%;
}

.more-services-button {
	background-color: #02b6c5;
	color:#f2feff;
	padding: 0px 10px;
	border-radius: 20px;
	font-size: 16px;
	border: none;
	width: 50%;
}
</style>